import fs from 'node:fs';
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import electron from 'vite-plugin-electron/simple';
import pkg from './package.json';
import autoprefixer from 'autoprefixer';
import tailwindcss from 'tailwindcss';
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
import Components from 'unplugin-vue-components/vite';
import AutoImport from 'unplugin-auto-import/vite';
import { fileURLToPath, URL } from 'url';

export default defineConfig(({ command }) => {
  fs.rmSync('dist-electron', { recursive: true, force: true });

  const isServe = command === 'serve';
  const isBuild = command === 'build';
  const sourcemap = isServe || !!process.env.VSCODE_DEBUG;

  return {
    plugins: [
      AutoImport({
        /* 自动导入库, */
        imports: [
          'vue',
          'vue-router',
          '@vueuse/core',
          {
            axios: [['default', 'axios']],
          },
        ],
        /* 生成的文件，需要在tsconfig.ts中导入,否则会报错 */
        // dts: '../auto-imports-test.d.ts',
        /* 配置文件夹的路径,路径下所有文件都会被自动导入 */
        dirs: [],
        vueTemplate: true,
        /* ESLINT配置 */
        eslintrc: {
          /* 是否开启 */
          enabled: true,
          /* 文件路径 */
          filepath: '../auto-imports.d.ts',
        },
      }),
      Components({
        //自动加载的组件目录，默认值为 ['src/components']
        dirs: ['src/components', 'types/*'],
        //组件名称包含目录，防止同名组件冲突
        directoryAsNamespace: false,
        //指定类型声明文件，为true时在项目根目录创建
        dts: true,
        /* 自动导入指令 */
        directives: true,
        extensions: ['vue', 'tsx'],
        /* 在解析之前转换路径 */
        // importPathTransform: v => v,
        /* 允许搜索子目录 */
        deep: true,
        resolvers: [
          AntDesignVueResolver({
            importStyle: false,
            resolveIcons: true,
          }),
        ],
      }),
      vue(),
      electron({
        main: {
          // Shortcut of `build.lib.entry`
          entry: 'electron/main/index.ts',
          onstart({ startup }) {
            if (process.env.VSCODE_DEBUG) {
              console.log(
                /* For `.vscode/.debug.script.mjs` */ '[startup] Electron App'
              );
            } else {
              startup();
            }
          },
          vite: {
            build: {
              sourcemap,
              minify: isBuild,
              outDir: 'dist-electron/main',
              rollupOptions: {
                // Some third-party Node.js libraries may not be built correctly by Vite, especially `C/C++` addons,
                // we can use `external` to exclude them to ensure they work correctly.
                // Others need to put them in `dependencies` to ensure they are collected into `app.asar` after the app is built.
                // Of course, this is not absolute, just this way is relatively simple. :)
                external: Object.keys(
                  'dependencies' in pkg ? pkg.dependencies : {}
                ),
              },
            },
          },
        },
        preload: {
          // Shortcut of `build.rollupOptions.input`.
          // Preload scripts may contain Web assets, so use the `build.rollupOptions.input` instead `build.lib.entry`.
          input: 'electron/preload/index.ts',
          vite: {
            build: {
              sourcemap: sourcemap ? 'inline' : undefined, // #332
              minify: isBuild,
              outDir: 'dist-electron/preload',
              rollupOptions: {
                external: Object.keys(
                  'dependencies' in pkg ? pkg.dependencies : {}
                ),
              },
            },
          },
        },
        // Ployfill the Electron and Node.js API for Renderer process.
        // If you want use Node.js in Renderer process, the `nodeIntegration` needs to be enabled in the Main process.
        // See 👉 https://github.com/electron-vite/vite-plugin-electron-renderer
        renderer: {},
      }),
    ],
    server:
      process.env.VSCODE_DEBUG &&
      (() => {
        const url = new URL(pkg.debug.env.VITE_DEV_SERVER_URL);
        return {
          host: url.hostname,
          port: +url.port,
        };
      })(),
    clearScreen: false,
    css: {
      postcss: {
        plugins: [tailwindcss, autoprefixer],
      },
    },
    resolve: {
      alias: {
        '@': fileURLToPath(new URL('./src', import.meta.url)),
        '@t': fileURLToPath(new URL('./types', import.meta.url)),
      },
    },
    optimizeDeps: {
      include: [
        '@ant-design/icons-vue',
        'ant-design-vue',
        'vue-use',
        'vue',
        'vue-router',
      ],
    },
  };
});
